@import url('./devanagari.css');

:root {
  --clbg: #222327;

  --primary-header-background-color: #efefef;

  --primary-color: #fff8f8f9;
  --primary-background-color: #ebebebea;
  --tab-background-color:  #d9d9d9;
  --primary-select-background-color:#dadcf5;

  --card-background-color: #fff;
  --card-border-radius: 10px;
  --card-margin-bottom: 12px;

  --primary-font-family: cursive;
  --primary-font-weight: 600;
  --primary-font-size: 12px;
  --primary-font-color: #999999;
  --primary-select-font-color:#1989fa;


  /* 全局修改: 修改search样式 */
  --van-search-content-background-color: #FAFAFA !important;
  --van-search-padding: 0 !important;
  --van-text-color-3: #696969 !important;
  --van-border-radius-sm: 8px;

  /* 全局修改: 修改卡片列表样式 */
  --van-cell-group-inset-padding: 10px 0 !important;

  /* 45f3ff */
  --login-font-color: #2196f3;
}

body {
  font-size: 14px;
  min-height: 100vh;
}
/* 上滑后头部颜色更变 */
.van-sticky.van-sticky--fixed {
  background-color: var(--primary-header-background-color);
}
/* 最多显示一行，否则省略 */
.multi-ellipsis--l1{
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow:ellipsis;
}
/* 最多显示两行，否则省略/**
思路：
	1.超出的文本隐藏
	2.溢出用省略号显示
	3.溢出不换行
	4.将对象作为弹性伸缩盒子模型显示
	5.从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）
	6.这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数
 */
.multi-ellipsis--l2{
  width:100%;
  word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
/* 最多显示三行，否则省略 */
.multi-ellipsis--l3{

}
